<html>
  <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="${createLinkTo(dir:'css',file:'base.css')}" />
    <link rel="stylesheet" href="${createLinkTo(dir:'css',file:'buttons.css')}" />
    <link rel="stylesheet" href="${createLinkTo(dir:'css',file:'consulta.css')}" />
    <link rel="stylesheet" href="${createLinkTo(dir:'css',file:'utils.css')}" />
    <g:javascript library="validator"/>
    <g:javascript library="prototype"/>
    <script>
      //document.oncontextmenu = function(){return false}
    </script>
  </head>
  <body>
    <h2 align="center"><g:message code="sesiones.titulo"/></h2>
    <div align="center">
      <div class="consulta W600">
        <g:if test="${listaSesiones!=null && listaSesiones.size()>0}">
          <g:formRemote url="[action:'actualizarSesiones']" update="respuesta" name="formulario">
            <table>
              <tr>
                <th width="25">Nº</th>
                <th width="100">Usuario</th>
                <th width="100">IP</th>
                <th width="150">Ultimo Acceso</th>
              </tr>
              <g:each in="${listaSesiones}" var="lista" status="i">
                <tr class="${i%2==0?'odd':'even'}">
                  <td class="R">${(i+1)}</td>
                  <td>${lista.value.usuario}</td>
                  <td>${lista.value.ip}</td>                  
                  <td>${FormatUtils.convertToStringDateTime(lista.value.ultimoAcceso)}</td>
                </tr>
              </g:each>
            </table>            
          </g:formRemote>
        </g:if>
        <g:if test="${listaSesiones!=null && listaSesiones.size()==0}">
          <div class="message">No hay sesiones abiertas</div>
        </g:if>
      </div>      
    </div>
  </body>
</html>
